<template>
	<div>
		<indextop></indextop>
		<div class="top_top" style="margin-top: 20px;margin-bottom: 20px">
			<span>欢迎--{{ nname }}--登录</span>
		</div>
		<div class="top">
			<div class="top_left">
				<!-- <ul class="asideNav">
					<li><router-link :to="{path: '/loginZJ/grzxZJ', query: {id:this.id}}">个人信息</router-link></li>
					<li><router-link :to="{path: '/loginZJ/xgmmZJ', query: {id:this.id}}">修改密码</router-link></li>
					<li><router-link :to="{path: '/loginZJ/xwzZJ', query: {id:this.id}}">新文章</router-link></li>
					<li><router-link :to="{path: '/loginZJ/wyfbZJ', query: {id:this.id}}">我要发布</router-link></li>
				</ul> -->
				<ul class="asideNav">
					<li><router-link to="/loginZJ/grzxZJ">个人信息</router-link></li>
					<li><router-link to="/loginZJ/xgmmZJ">修改密码</router-link></li>
					<li><router-link to="/loginZJ/xwzZJ">新文章</router-link></li>
					<li><router-link to="/loginZJ/wdplZJ">我的评论</router-link></li>
				</ul>
			</div>

			<div class="top_right"><router-view ></router-view></div>
		</div>

		<bottom_bottom></bottom_bottom>
	</div>
</template>

<script>
import global from '../../components/global';
import indextop from '../myIndex/indextop';
import siderBarComponent from '../../components/siderBarComponent';
import articleComponent from '../../components/articleComponent';
import bottom_bottom from '../myIndex/bottom_bottom';

export default {
	name: 'IndexZJ',
	components: {
		indextop,
		siderBarComponent,
		articleComponent,
		bottom_bottom,
		global
	},
	data() {
		return {
			id: 0,
			nname: ''
		};
	},
	mounted() {
		let that = this;
		// (this.id = this.$route.query.id),
		 this.id =localStorage.getItem('id');
			this.$axios
				.post('http://localhost:8080/Administration', this.$qs.stringify({ expertid: this.id }))
				.then(function(response) {
					that.nname = response.data.expertname;
				})
				.catch(function(error) {
					console.log(error);
				});
	}
};
</script>

<style lang="less" scoped>
.top {
	height: 750px;
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.aside {
	width: 230px;
}

.articleList {
	float: right;

	/deep/ .dynews {
		width: 900px;
		margin-right: 10px;
	}
}

.top_top {
	width: 1200px;
	margin: 0 auto;
	height: 30px;

	span {
		width: 100%;
		background-color: #d2d2d2;
		display: inline-block;
		line-height: 30px;
		float: left;
	}
}

.top_left {
	width: 20%;
}
.asideNav {
	border-top: 1px solid #ccc;
	li {
		width: 100%;
		height: 62px;
		line-height: 62px;
		border-bottom: 1px solid #ccc;
		color: #1a66b3;
		font-size: 16px;
		background: url(../../assets/images/jiantouBlue.jpg) no-repeat right center;
	}
}
.top_right {
	width: 75%;
}
</style>
